<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>交易流水</title>
<meta name="renderer" content="webkit">
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0">
<link rel="stylesheet" href="{{asset('/layuiadmin/layui/css/layui.css')}}" media="all">
<link rel="stylesheet" href="{{asset('/layuiadmin/style/admin.css')}}" media="all">
<style>
.edit{background-color: #ed9c3a;}
.shenhe{background-color: #429488;}
.see{background-color: #7cb717;}
.tongbu{background-color: #4c9ef8;color:#fff;border-radius:3.5px}
.cur{color:#21c4f5;}
.userbox,.storebox{
  height:190px;margin-right:0;
  overflow-y: auto;
  z-index: 999;
  position: absolute;
  left: 0px;
  top: 63px;
  width:298px;
  background-color:#ffffff;
  border: 1px solid #ddd;
}
.userbox .list,.storebox .list{
  height:38px;line-height: 38px;cursor:pointer;
  padding-left:10px;
}
.userbox .list:hover,.storebox .list:hover{
  background-color:#eeeeee;
}
.yname{
  font-size: 13px;
  color: #444;
  margin-bottom:8px;
}
</style>
</head>
<body>

<div class="layui-fluid">
    <div class="layui-row layui-col-space15">
        <div class="layui-col-md12" style="margin-top:0px">
            <div class="layui-fluid">
                <div class="layui-row layui-col-space15">
                    <div class="layui-col-md12">
                        <div class="layui-card">
                            <div class="layui-card-header">交易流水列表</div>
                            <div class="layui-card-body">
                                <div class="layui-btn-container" style="font-size:14px;">
                                <!-- 选择业务员 -->
                                <!-- <div class="layui-form" lay-filter="component-form-group" style="width:190px;margin-right:0;display: block;">
                                  <div class="layui-form-item">
                                    <div class="layui-input-block" style="margin-left:5px;border-radius:5px">
                                        <select name="agent" id="agent" lay-filter="agent" lay-search>
                                        </select>
                                    </div>
                                  </div>
                                </div> -->
                                    <div style="font-size:14px">
                                        <div class="layui-form" lay-filter="component-form-group" style="width:190px;margin-right:0;display: inline-block;">
                                            <div class="layui-form-item">
                                                <div class="layui-input-block" style="margin-left:5px;border-radius:5px">
                                                    <text class="yname">代理商名称</text>
                                                    <input type="text" style="border-radius:5px"tyle="border-radius:5px" name="schoolname" lay-verify="schoolname" autocomplete="off" placeholder="请输入代理商名称" class="layui-input transfer">
                                                    <div class="userbox" style='display: none'></div>
                                                </div>
                                            </div>
                                        </div>
      
                                          <!-- 通道类型 -->
                                        <div class="layui-form" lay-filter="component-form-group" style="width:190px;margin-right:0;display: inline-block;">
                                          <div class="layui-form-item">
                                            <div class="layui-input-block" style="margin-left:5px;border-radius:5px">
                                            <text class="yname">选择通道</text>
                                                <select name="passway" id="passway" lay-filter="passway">
                                                </select>
                                            </div>
                                          </div>
                                        </div>
                                         <!-- 通道类型 -->
                                        <div class="layui-form" lay-filter="component-form-group" style="width:190px;margin-right:0;display: inline-block;">
                                          <div class="layui-form-item">
                                            <div class="layui-input-block" style="margin-left:5px;border-radius:5px">
                                            <text class="yname">订单开始时间</text>
                                                <input type="text" style="border-radius:5px" class="layui-input start-item test-item" placeholder="订单开始时间" lay-key="23">
                                            </div>
                                          </div>
                                        </div>
                                         <!-- 通道类型 -->
                                        <div class="layui-form" lay-filter="component-form-group" style="width:190px;margin-right:0;display: inline-block;">
                                          <div class="layui-form-item">
                                            <div class="layui-input-block" style="margin-left:5px;border-radius:5px">
                                             <text class="yname">订单结束时间</text>
                                                <input type="text" style="border-radius:5px" class="layui-input end-item test-item" placeholder="订单结束时间" lay-key="24">
                                            </div>
                                          </div>
                                        </div>
                                        <div class="layui-form" lay-filter="component-form-group" style="width:190px;margin-right:0;display: inline-block;">
                                          <div class="layui-form-item">
                                            <div class="layui-input-block" style="border-radius:5px">
                                             <button class="layui-btn layuiadmin-btn-list" lay-submit="" lay-filter="LAY-app-contlist-search" style="border-radius:5px;margin-top:0;margin-bottom: 0;height:36px;line-height: 36px;">
                                                <i class="layui-icon layui-icon-search layuiadmin-button-btn"></i>
                                            </button>
                                            </div>
                                          </div>
                                        </div>
                                        <!-- <button class="layui-btn export" style="border-radius:5px;margin-bottom: 4px;height:36px;line-height: 36px;">导出</button> -->
                                        
                                    </div>
                                </div>

                                <table class="layui-hide" id="test-table-page" lay-filter="test-table-page"></table>
                                <!-- 通道类型 -->
                                <script type="text/html" id="company">
                                    @{{#  if(d.company=='member'){ }}
                                    会员卡
                                    @{{#  } else if(d.company=='vbilla') { }}
                                    随行付A
                                    @{{#  } else if(d.company=='vbill') { }}
                                    随行付
                                    @{{#  } else if(d.company=='alipay') { }}
                                    支付宝
                                    @{{#  } else if(d.company=='weixin') { }}
                                    微信
                                    @{{#  } else if(d.company=='mybank') { }}
                                    快钱支付
                                    @{{#  } else if(d.company=='herongtong') { }}
                                    和融通
                                    @{{#  } else if(d.company=='newland') { }}
                                    新大陆
                                    @{{#  } else if(d.company=='fuiou') { }}
                                    富友
                                    @{{#  } else if(d.company=='jdjr') { }}
                                    京东聚合
                                    @{{#  } else if(d.company=='dlb') { }}
                                    哆啦宝
                                    @{{#  } else if(d.company=='zft') { }}
                                    花呗分期
                                    @{{#  } else if(d.company=='tfpay') { }}
                                    TF通道
                                    @{{#  } else if(d.company=='hkrt') { }}
                                    海科融通
                                    @{{#  } else if(d.company=='easypay') { }}
                                    易生
                                    @{{#  } else if(d.company=='hltx') { }}
                                    葫芦天下
                                    @{{#  } else if(d.company=='linkage') { }}
                                    联动优势
                                    @{{#  } else if(d.company=='lianfu') { }}
                                    工行
                                    @{{#  } else if(d.company=='changsha') { }}
                                    长沙银行
                                    @{{#  } else if(d.company=='lianfuyouzheng') { }}
                                    邮政
                                    @{{#  } else if(d.company=='pingan') { }}
                                    平安银行
                                    @{{#  } else if(d.company=='wftpay') { }}
                                    徽商银行
                                    @{{#  } else if(d.company=='lianfuyoupay') { }}
                                    邮储银行
                                    @{{#  } else if(d.company=='jiujiang') { }}
                                    九江银行
                                    @{{#  } else if(d.company=='nongjin') { }}
                                    农商行
                                    @{{#  } else if(d.company=='abc') { }}
                                    农行bmp通道
                                    @{{#  } else if(d.company=='unionpay_merch') { }}
                                    银联商务
                                    @{{#  } else if(d.company=='wingpay') { }}
                                    翼支付
                                    @{{#  } else if(d.company=='saobei') { }}
                                    扫呗
                                    @{{#  } else if(d.company=='abc_quiet') { }}
                                    农行静态码通道
                                    @{{#  } else if(d.company=='cool') { }}
                                    酷点
                                    @{{#  } else if(d.company=='hwcpay') { }}
                                    汇旺财
                                    @{{#  } else { }}
                                    @{{ d.company }}
                                    @{{#  } }}
                                </script>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<input type="hidden" class="user_id">
<input type="hidden" class="company_id">

<script src="{{asset('/layuiadmin/layui/layui.js')}}"></script>
<script>
var token = localStorage.getItem("Usertoken");
var str=location.search;
var store_id=str.split('?')[1];

layui.config({
    base: '../../layuiadmin/' //静态资源所在路径
}).extend({
    index: 'lib/index' //主入口模块
}).use(['index','form','table','laydate'], function(){
    var $ = layui.$
        ,admin = layui.admin
        ,form = layui.form
        ,table = layui.table
        ,laydate = layui.laydate;

    $('.store_id').val(store_id);

    // 未登录,跳转登录页面
    $(document).ready(function(){
        if(token==null){
        window.location.href="{{url('/user/login')}}";
        }
    });

    var s_storename=localStorage.getItem('s_storename');

    if(store_id == undefined){

    }else{
        $('.inputstore').val(s_storename);
    }

    // 选择通道
    $.ajax({
        url : "{{url('/api/user/store_open_pay_way_lists')}}",
        data : {token:token,l:100},
        type : 'post',
        dataType:'json',
        success : function(data) {
            var optionStr = "";
            for(var i=0;i<data.data.length;i++){
                optionStr += "<option value='" + data.data[i].company + "'>"
                + data.data[i].company_desc + "</option>";
            }
            $("#passway").append('<option value="">选择通道类型</option>'+optionStr);
            layui.form.render('select');
        },
        error : function(data) {
            alert('查找板块报错');
        }
    });

    $(".transfer").bind("input propertychange",function(event){
        //         console.log($(this).val());
        user_name = $(this).val();
        if (user_name.length == 0) {
            $('.userbox').html('');
            $('.userbox').hide();
            $('.user_id').val('')
        } else {
            $.post("{{url('/api/user/get_sub_users')}}",
            {
                token:token
                ,user_name:$(this).val()
                ,self:'1'
            },function(res){
                var html="";

                if(res.t==0){
                    $('.userbox').html('');
                }else{
                    for(var i=0;i<res.data.length;i++){
                        html+='<div class="list" data='+res.data[i].id+'>'+res.data[i].name+'-'+res.data[i].level_name+'</div>'
                    }
                    $(".userbox").show();
                    $('.userbox').html('');
                    $('.userbox').append(html);
                }
            },"json");
        }
    });

    $(".userbox").on("click",".list",function(){
        $('.transfer').val($(this).html());
        $('.user_id').val($(this).attr('data'));
        $('.userbox').hide();

        // table.reload('test-table-page', {
        //     where: {
        //         user_id:$(this).attr('data'),
        //         store_id:$('store_id').val()
        //     }
        //     ,page: {
        //         curr: 1
        //     }
        // });
    });

    $(".inputstore").bind("input propertychange",function(event){
        store_name = $(this).val();
        if (store_name.length == 0) {
            $('.storebox').html('');
            $('.storebox').hide();
        } else {
            $.post("{{url('/api/user/store_lists')}}",
            {
                token:token
                ,store_name:$(this).val()
                ,l:100
            },function(res){
                var html="";
                if(res.t==0){
                    $('.storebox').html('');
                }else{
                    for(var i=0;i<res.data.length;i++){
                        html+='<div class="list" data='+res.data[i].store_id+'>'+res.data[i].store_name+'</div>'
                    }
                    $(".storebox").show();
                    $('.storebox').html('');
                    $('.storebox').append(html);
                }
            },"json");
        }
    });

    $(".storebox").on("click",".list",function(){
        $('.inputstore').val($(this).html());
        $('.store_id').val($(this).attr('data'));
        $('.storebox').hide();

        // table.reload('test-table-page', {
        //     where: {
        //         user_id:$('user_id').val(),
        //         store_id:$(this).attr('data')
        //     }
        //     ,page: {
        //         curr: 1
        //     }
        // });

        $("#passway").html('');

        // 选择通道
        $.ajax({
            url : "{{url('/api/user/store_open_pay_way_lists')}}",
            data : {
                token:token
                ,l:100
                // ,store_id:$('.store_id').val()
            },
            type : 'post',
            dataType:'json',
            success : function(data) {
                var optionStr = "";
                for(var i=0;i<data.data.length;i++){
                    optionStr += "<option value='" + data.data[i].company + "'>" + data.data[i].company_desc + "</option>";
                }
                $("#passway").append('<option value="">选择通道类型</option>'+optionStr);
                layui.form.render('select');
            },
            error : function(data) {
                alert('查找板块报错');

            }
        });
    });

    // 渲染表格
    table.render({
        elem: '#test-table-page'
        ,url: ""
        ,method: 'post'
        ,where:{
            token:token
            ,store_id:store_id
        }
        ,request:{
            pageName: 'page'
            ,limitName: 'pagesize'
        }
        ,page: true
        ,cellMinWidth: 100
        ,cols: [[
            {field:'store_id',align:'center',title: '门店id'},
            {field:'store_name',align:'center',title: '商户名称'}
           ,{field:'countArray',align:'center',title: '交易总额',
            templet:function(info){
                let str ='';
                if(info.countArray && info.countArray.length>0){
                    info.countArray.forEach(ele => {
                        str +=`${ele.company_name}：${ele.c.total_fee}；`
                    });
                }
                return str
            }}
        ]]
        ,response: {
            statusName: 'status' //数据状态的字段名称，默认：code
            ,statusCode: 1 //成功的状态码，默认：0
            ,msgName: 'message' //状态信息的字段名称，默认：msg
            ,countName: 'total' //数据总数的字段名称，默认：count
            ,dataName: 'data' //数据列表的字段名称，默认：data
        }
        ,done: function(res, curr, count){
//            console.log(res);
            $('th').css({'font-weight': 'bold', 'font-size': '15','color': 'black','background':'linear-gradient(#f2f2f2,#cfcfcf)'});	//进行表头样式设置
        }
    });

    table.on('tool(test-table-page)', function(obj){ //注：tool是工具条事件名，test是table原始容器的属性 lay-filter="对应的值"
        var e = obj.data; //获得当前行数据
        var layEvent = obj.event; //获得 lay-event 对应的值（也可以是表头的 event 参数对应的值）
        var tr = obj.tr; //获得当前行 tr 的DOM对象
        //          console.log(e);
        // localStorage.setItem('s_store_id', e.store_id);

        if(layEvent === 'tongbu'){ //同步
            $.post("{{url('/api/basequery/update_order')}}",
            {
                token:token
                ,store_id:e.store_id
                ,out_trade_no:e.out_trade_no
            },function(res){
                if(res.status==1){
                    layer.msg(res.message, {
                    offset: '50px'
                    ,icon: 1
                    ,time: 2000
                    });
                }else{
                    layer.msg(res.message, {
                    offset: '50px'
                    ,icon: 2
                    ,time: 2000
                    });
                }
            },"json");
        }

        var data = obj.data;
        if(obj.event === 'setSign'){
            layer.open({
                type: 2,
                title: '模板详细',
                shade: false,
                maxmin: true,
                area: ['60%', '70%'],
                content: "{{url('/merchantpc/paydetail?')}}"+e.stu_order_type_no
            });
        }
    });

    // 选择业务员
    form.on('select(agent)', function(data){
        var user_id = data.value;
        $('.user_id').val(user_id);
        var pageLoading = layer.msg('数据请求中..', {
            icon: 16
            ,shade: 0.3
            ,time: false
        });
        //执行重载
        table.reload('test-table-page', {
            where: {
                user_id: $(".user_id").val()
            }
            ,page: {
                curr: 1 //重新从第 1 页开始
            },
            done:function(res, curr, count){
                layer.close(pageLoading);
            }
        });
    });

    // 选择通道类型
    form.on('select(passway)', function(data){
        var company_id = data.value;
        $('.company_id').val(company_id);
        // var pageLoading = layer.msg('数据请求中..', {
        //     icon: 16
        //     ,shade: 0.3
        //     ,time: false
        // });
        // //执行重载
        // table.reload('test-table-page', {
        //     where: {
        //         company:company_id
        //     }
        //     ,page: {
        //         curr: 1 //重新从第 1 页开始
        //     },
        //     done:function(res, curr, count){
        //         layer.close(pageLoading);
        //     }
        // });
    });

    laydate.render({
        elem: '.start-item'
        ,type: 'datetime'
        ,min:'2024-09-13 00:00:00'
        ,done: function(value){
            // var pageLoading = layer.msg('数据请求中..', {
            //     icon: 16
            //     ,shade: 0.3
            //     ,time: false
            // });
            // //执行重载
            // table.reload('test-table-page', {
            //     where: {
            //         startDate:value
            //         ,endDate:$('.end-item').val()
            //     }
            //     ,page: {
            //         curr: 1 //重新从第 1 页开始
            //     },
            //     done:function(res, curr, count){
            //         layer.close(pageLoading);
            //     }
            // });
        }
    });

    laydate.render({
        elem: '.end-item'
        ,type: 'datetime'
        ,ready: function(date){
            this.dateTime.hours=23;
            this.dateTime.minutes=59;
            this.dateTime.seconds=59;
        }
        ,done: function(value){
            // var pageLoading = layer.msg('数据请求中..', {
            //     icon: 16
            //     ,shade: 0.3
            //     ,time: false
            // });
            // //执行重载
            // table.reload('test-table-page', {
            //     where: {
            //         startDate:$('.start-item').val()
            //         ,endDate:value
            //     }
            //     ,page: {
            //         curr: 1 //重新从第 1 页开始
            //     },
            //     done:function(res, curr, count){
            //         layer.close(pageLoading);
            //     }
            // });
        }
    });

    form.on('submit(LAY-app-contlist-search)', function(data){
        var pageLoading = layer.msg('数据请求中..', {
                icon: 16
                ,shade: 0.3
                ,time: false
            });
        table.reload('test-table-page', {
            url: "{{url('/api/v2/Bill/User/storeCompanyExchangeCount')}}",
            method:'GET',
            where: {
              startDate: $('.start-item').val(),
              endDate: $('.end-item').val(),
              company_id: $('.company_id').val(),
              user_id: $('.user_id').val(),
              curHdIndex:0
            }
            ,page: {
              curr: 1 //重新从第 1 页开始
            },
            done:function(res, curr, count){
                layer.close(pageLoading);
            }
         });
    });
    
    $('.export').click(function(){
        var user_id = $('.user_id').val();//3
        var company_id = $('.company_id').val();//4
        var time_start = $('.start-item').val();//1
        var time_end = $('.end-item').val();//2
        window.location.href="{{url('/api/export/UserCompanyExcelDown')}}"+"?token="+token+"&user_id="+user_id+"&company_id="+company_id+"&time_start="+time_start+"&time_end="+time_end;
    })

    // $('.export').click(function(){
    //     var store_id = $('.store_id').val();
    //     var user_id = $('.user_id').val();
    //     var sort = $('.sort').val();
    //     var pay_status = $('.pay_status').val();
    //     var ways_source = $('.pay_type').val();
    //     var company = $('.company_id').val();
    //     var time_start = $('.start-item').val();
    //     var time_end = $('.end-item').val();
    //     var device_id = $('.sbid').val();
    //     var out_trade_no = $('.danhao').val();
    //     var trade_no = $('.tiaoma').val();
    //     var amount_start = $('.amount_start').val();
    //     var amount_end = $('.amount_end').val();

    //     window.location.href="{{url('/api/export/UserOrderExcelDown')}}"+"?token="+token+"&store_id="+store_id+"&user_id="+user_id+"&sort="+sort+"&pay_status="+pay_status+"&ways_source="+ways_source+"&company="+company+"&time_start="+time_start+"&time_end="+time_end+"&out_trade_no="+out_trade_no+"&trade_no="+trade_no+"&amount_start="+amount_start+"&amount_end="+amount_end +"&device_id="+device_id;
    // })

});

</script>

</body>
</html>
